/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}

input,textarea {border: 2 none; -webkit-box-shadow: none; box-shadow: none; outline: none;}

/* 设置默认字体 */
body,
button, input, select, textarea {
    font-family: "Microsoft Yahei"; color: #666; font-size: 13px;
}

h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4, h5, h6 {font-size: 100%;}
* h1,* h2,* h3,* h4,* h5,* h6{margin: 0px;} /*覆盖bootstrape对标题加的默认外边距*/

address, cite, dfn, em, i, var {font-style: normal;} /* 斜体扶正 */

/* 重置列表元素 */
ul, ol ,li{list-style: none;}

/* 重置文本格式元素 */
a {text-decoration: none; color: #666; word-wrap:break-word;}/*英文换行*/
a:hover {text-decoration: none; }


/* 重置表单元素 */
legend {color: #000;} /* for ie6 */
fieldset, img {border: none;} /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%; /* 使表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
body {overflow-y: scroll;}

/*设置浮动*/
.fl,.pull-left {float: left;}
.fr,.pull-right {float: right;}

/*公共*/
.w1190{width: 1190px;margin: auto;}
/*头部*/
.top{height: 80px;box-shadow: 0px 2px 3px #d7d7d7;position: fixed;top: 0;left: 0;width: 100%;z-index: 999;background: #fff;}
.logo{width: 288px; height: 33px;display: block; margin-top: 30px;}
.logo img{display:block;}
.nav li{float: left;}
.nav li a{font-size: 18px; color: #333;line-height: 80px; padding: 0 20px;}
.shangqiao{width: 140px;height: 40px;background: #3388ff;border-radius: 2px; line-height: 40px;color: #fff;font-size: 18px; margin-top: 19px; margin-left: 20px;}
.shangqiao img{float: left; margin-left: 20px; margin-top: 13px;margin-right: 10px;}
.h{height: 80px;}

/*banner*/
.banner{overflow: hidden;position: relative;}
.banner .swiper-slide,.banner .swiper-wrapper,.banner{height: 532px;}

/*标题统一*/
.title{padding-top: 90px;text-transform: uppercase;}
.title h3{font-size: 36px; color: #3474ca;font-style: italic;font-weight: 600;text-align: center;}
.title span{display: block;width: 68px; height: 3px; background: #3474ca; margin:10px auto;}
.title p{font-size: 16px; color: #9c9c9c;font-style: italic;text-align: center;}


.title1{padding-top: 90px;text-transform: uppercase;}
.title1 h3{font-size: 36px; color: #fff;font-style: italic;font-weight: 600;text-align: center;}
.title1 span{display: block;width: 68px; height: 3px; background: #fff; margin:10px auto;}
.title1 p{font-size: 16px; color: #fff;font-style: italic;text-align: center;}

/*案例*/
.indexcase{padding-bottom: 46px;}
.indexcase ul li {width: 384px; height: 402px;background: #fff;box-shadow: 0px 3px 13px #e5e5e5;border-radius: 10px; margin-bottom: 20px;}
.imgbox{width: 337px;height: 253px; overflow: hidden;margin: auto;margin-top: 29px;border-top:solid 1px #fff;}
.imgbox img{display: block;width: 337px;height: 253px;transition: all .5s;}
.indexcase ul li:hover .imgbox img{transform:scale(1.2);}
.indexcase ul li h3{padding: 0 24px; border-left: solid 5px #3388ff; line-height: 24px;font-size: 20px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap; color: #333;padding-left: 19px; margin-top: 20px;}
.indexcase ul li:hover h3{color: #3388ff;}
.indexcase ul{display: flex;justify-content: space-between;flex-wrap: wrap; margin-top: 35px; margin-bottom: 50px;}
.indexcase ul li .kws{padding: 0 24px; margin-top: 10px;}
.kws span{display: inline-block; padding: 0 6px;text-align: center;background: #f2f7ff; color: #3388ff;font-size: 14px;line-height: 24px;}

.more{width: 490px; height: 60px; border:solid 1px #d8d8d8;border-radius: 2px;line-height: 60px; font-size: 20px; color: #666;display: block;margin: auto; text-align: center;}
.more:hover{border:solid 1px #3388ff;color: #fff; background: #3388ff;}

/*横幅*/
.hf{height: 242px; background:no-repeat center url(../image/hbg.jpg);border-top:solid 1px #fff;font-style: italic;}
.hf h3{font-size: 32px; color: #fff;line-height: 1;}
.hf .h31{margin-top: 61px; margin-left: 75px;}
.hf .h32{font-size: 32px; color: #ffc807;margin-top: 24px; margin-left: 140px;}
.hf p{font-size: 14px; color: #fff;text-transform: uppercase; margin-top: 38px;margin-left: 38px;}

.hf2{height: 242px; background:no-repeat center url(../image/hbg2.jpg);border-top:solid 1px #fff;font-style: italic;}
/*流程*/
.lc{height: 527px;background:no-repeat center url(../image/lc.jpg);}
.pd2{ padding-top: 36px; }

.lc .w1190 li{float: left;font-size: 18px; color: #4f4f4f;font-weight: bold;text-align: center;}
.lc .w1190 .li1{margin-top: 294px;margin-left: 112px;}
.lc .w1190 .li2{margin-top: 346px;margin-left: 138px;}
.lc .w1190 .li3{margin-top: 222px;margin-left: 94px;}
.lc .w1190 .li4{margin-top: 346px;margin-left: 104px;}
.lc .w1190 .li5{margin-top: 294px;margin-left: 192px;}



/*服务*/
.fuwu{height: 571px; background:no-repeat center url(../image/fuwubg.jpg);}
.fuwu ul{display: flex;justify-content: space-between;flex-wrap: nowrap; margin-top: 40px;}
.fuwu ul li{width: 170px; height: 346px; position: relative;}
.fuwu ul li img{display: block;width: 170px;}
.fuwu ul li h3{font-size: 30px; color: #fff;position: absolute;top: 74px;width: 160px;left: 0;text-align: center;}
.fuwu ul li p{font-size: 16px; color: #023396;line-height: 22px;position: absolute;top: 200px;left: 0; padding: 0 13px;}


/*关于我们*/
.indexabout{ background: #f8f8f8;padding: 34px 0;}
.indexabout .w1190{position: relative; }
.abouttext{position: absolute; width: 380px; height: 268px; border-radius: 10px; background: #fff;top: 45px; right: 0; padding: 30px;}
.abouttext h3{color: #333; font-size: 30px;font-weight: 500;}
.abouttext div{color: #666666;font-size: 16px; line-height: 27px; margin: 20px 0;}
.abouttext a{display: block;background: #3388ff; width: 140px; height: 40px; line-height: 40px; font-size: 18px;color: #fff; text-align: center;border-radius: 20px;}



/*表格*/
.form{width: 790px; margin: auto; margin-top: 40px;}
.form ul{display: flex;justify-content: space-between;flex-wrap: nowrap;}
.form ul li{width: 390px;}
.form ul li span{color: #999999;font-size: 16px;display: block;}
.form ul li span i{color: red; padding-left: 5px;}
.form ul li input{width: 370px; height: 60px; line-height: 60px;padding-left: 20px; border:none;background: #f5f5f5;}
.form button{width: 490px; height: 60px;line-height: 60px;color: #fff;font-size: 20px;background: #3388ff;text-align: center;border:none; display: block;margin: auto;margin-top: 44px; margin-bottom: 60px;}


/*联系我们*/
.indexcontant{height: 445px; background:no-repeat center url(../image/c.jpg);}
.indexcontant .fl{width: 50%;}
.indexcontant .fr{width: 50%;}
#container{height: 234px; width: 100%;}
.indexcontant .fl h3{font-size: 30px; color: #fff; font-weight: 500; margin-top: 160px; margin-bottom: 20px;}
.indexcontant .fl p{color: #fff; font-size: 16px; line-height: 34px;}

/*foot*/
.foot{margin-top: 30px;}
.footnav{text-align: center; padding-top: 40px;padding-bottom: 58px;}
.footnav a{display: inline-block;padding: 0 48px;border-right: solid 1px #d8d8d8;font-size: 18px;color: #333;line-height: 1;}
.footnav a:last-child{border:none;}
.foot{height: 157px; background: #f8f8f8;}
.foot p{text-align: center;color: #6a6a6a; font-size: 12px;}




/*产品*/
.ntitle{font-size: 30px; color: #333;font-weight: 500; margin-top: 37px;}
.profenlei{overflow: hidden; margin-top: 50px;}
.profenlei a{float: left;line-height: 40px;border-radius: 5px;font-size: 18px;color: #333; margin-right: 30px;padding: 0 20px;}
.profenlei .on{background: #f2f7ff;color: #3388ff;}
.prolist ul{overflow: hidden; margin-top: 25px;}
.prolist ul li{width: 290px;float: left; margin-right: 10px;}
.prolist ul li:nth-child(4n){margin-right: 0;}
.prolist ul li img{width: 290px; height: 218px;display: block;}
.prolist ul li p{height: 46px;line-height: 46px; padding: 0 17px;color: #333;font-size: 16px;}
.prolist ul li:hover p{background: #3388ff;color: #fff;}
.minheight{min-height: calc(100vh - 307px); }
.about{overflow: hidden;margin-top: 30px;}
.about .fl{width: 566px;font-size: 18px; color: #2e261f;line-height: 32px;}
.about .fr{width: 584px; height: 328px;}
.about .fr img{display: block;width: 584px; height: 328px;}


/*案例*/
.case ul li{padding: 38px 0;border-bottom: solid 1px #d8d8d8;overflow: hidden;}
.case ul li .fl{width: 222px; height: 164px;}
.case ul li .fr{width: 933px;}
.case ul li .fr h3{font-size: 25px;color: #333;}
.case ul li .fr span{display: block;font-size: 14px;color: #999; margin-top: 16px; margin-bottom: 30px;}
.case ul{overflow: hidden; margin-top: 25px; padding-bottom: 70px;}
.case ul li:hover .fr h3{color: #3388ff;}



/*联系我们*/
.contact {height: 295px; margin-top: 60px;margin-bottom: 90px;}
.contact #container{width: 636px; height: 295px;}
.contact .text{background: #f8f8f8;}
.contact .text{height: 215px;width: 320px; padding: 40px; font-size: 18px;}
.contact .text span{color: #838383;}
.contact .text p{color: #333; line-height: 24px; margin-bottom: 40px;}


/*产品详情*/
.protop{overflow: hidden; margin-top: 65px;}
.protop .fl{width: 419px; height: 313px;}
.protop .fr{width: 733px;}
.protop .fr h2{font-size: 34px; color: #333; margin-bottom: 30px;}
.btnc{width: 140px; height: 40px; background: #3388ff;display: block; text-align: center;color: #fff;line-height: 40px;font-size: 16px;border-radius: 4px; margin-top: 34px;}

.xiangxi{background: #f5f5f5; height: 60px;margin-top: 56px;}
.xiangxi span{display: block;color: #3388ff;font-size: 20px;width: 182px; border-top: solid 3px #3388ff;line-height: 57px;text-align: center;}

.prolist .mb{margin-bottom: 90px;}
.neirong{font-size: 16px;line-height: 30px;margin:30px 0;padding: 0 50px;}

.casen{width: 780px;margin: auto;}
.casen h3{font-size: 34px;color: #171717; margin-top: 100px;}
.casen .shijian{font-size: 16px;color: #999; display: block; margin-top: 20px;}
.casen h4{font-size: 34px;color: #171717;margin-bottom: 34px;}
.casen ul{display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 120px;}
.casen ul li{width: 385px;height: 90px; background: #f8f8f8; margin-bottom: 10px;}
.casen ul li .fl{width: 121px; height: 90px;}
.casen ul li .fr{width: 250px;}
.casen ul li .fr b{font-size: 20px;color: #171717;font-weight: 500; padding-top: 10px;display: block;}
.casen ul li .fr span{font-size: 12px;color: #cccccc;display: block;margin-top: 15px;}
.casen .kws{margin-top: 20px;}
.caseneirong{font-size: 16px; line-height: 30px;}